<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{background-color: red;color: white;float: left;margin: 10px;}
	</style>
</head>
<body>
	<div id="openNew">点我打开新的窗口</div>
</body>
<script type="text/javascript">
	// BOM就是对浏览器窗口进行的一些操作
	// window对象代表的就是浏览器窗口
	var openNew = document.getElementById("openNew");
	openNew.onclick = function(){
		// 第一个参数是打开的网址
		// 第二个参数和a的taget属性一致
		// 第三个窗口特性，可以设置新窗口的宽高等。
		var newWindow = window.open("new1.html","_blank","width=500,height=200,left=100,top=50");
		// moveTo 移动到某一个坐标
		// moveBy 在原有的基础上移动多少
		newWindow.moveBy(100,100);
		setTimeout(function(){
			// newWindow.close();
		},2000);
	}
</script>
</html>